<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="icon" href="tp.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户主页</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">Mikufans</div>
        <nav>
            <ul>
                <li><a href="/">主页</a></li>
                <li><a href="user.html">用户主页</a></li>
                <li><a href="login.html">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>
        </nav>
        <div class="search-bar">
            <input type="text" placeholder="搜索视频...">
            <button>搜索</button>
        </div>
    </header>

    <div class="container">
        <div id="user-info" class="card">
            <img id="user-avatar" src="default-avatar.png" alt="用户头像">
            <p>用户名: <span id="user-name"></span></p>
            <p>经验值: <span id="user-experience"></span></p>
            <button id="sign-in-button" class="btn-primary">签到</button>
        </div>

        <div id="settings-section" class="card">
            <h2>设置用户名和头像</h2>
            <form id="settings-form">
                <label for="username">用户名:</label>
                <input type="text" id="username" name="username" required>
                <label for="avatar">上传头像:</label>
                <input type="file" id="avatar" name="avatar" accept="image/*" required>
                <button type="submit" class="btn-primary">保存设置</button>
            </form>
        </div>

        <div id="upload-section" class="card">
            <h2>上传视频</h2>
            <form id="upload-form">
                <label for="video">选择视频文件:</label>
                <input type="file" id="video" name="video" accept="video/*" required>
                
                <label for="thumbnail">选择缩略图文件:</label>
                <input type="file" id="thumbnail" name="thumbnail" accept="image/*" required>
            
                <label for="videoCategory">选择视频分区:</label>
                <select id="videoCategory" name="videoCategory" required>
                    <option value="动画">动画</option>
                    <option value="游戏">游戏</option>
                    <option value="音乐">音乐</option>
                    <option value="科技">科技</option>
                    <!-- 添加更多分区 -->
                </select>
            
                <label for="videoTitle">视频标题:</label>
                <input type="text" id="videoTitle" name="videoTitle" required>
            
                <button type="submit" class="btn-primary">上传</button>
            </form>
            
        </div>
    </div>

    <footer>
        <p>&copy; 2024 Mikufans. 不保留所有权利.</p>
    </footer>

    <script src="user.js"></script>
</body>
</html>
